<head>
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/javascripts/charting/css/visualize.css'}" />
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/javascripts/charting/css/visualize-custom.css'}" />
<script type="text/javascript" src="../../../public/javascripts/charting/js/visualize.jQuery.js"></script>
<script type="text/javascript" src="../../../public/javascripts/_shared/EnhanceJS/enhance.js"></script>	
<script type="text/javascript" src="../../../public/javascripts/charting/js/excanvas.js"></script>
</head>
<body>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        oTable = $('.display').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers"
        });
    } );
</script>
<br />
<p>Total des participants : ${nbParticipantsTotal}</p>
<p>Total des journ&eacute;es : ${nbjoursTotal}
<h2>Statistiques des stages ${intit}</h2>
<table class="display">
	<thead>
		<th>Intitul&eacute; du stage</th>
		<th>Code</th>
		<th>Date du stage</th>
		<th>Nombre de participants (${roleObj})</th>
		<th>Nombre de journ&eacute;es</th>
	</thead>
	<tbody>
		#{list items:statStages, as:'stage'}
			#{ifnot stage.nbAgents==0}
			<tr>
				<td scope="row">${stage.intitule}</td>
				<td>${stage.code}</td>
				<td>${stage.dateDeb}</td>
				<td>${stage.nbAgents}</td>
				<td>${stage.nbjours}</td>
			</tr>
			#{/ifnot}
		#{/list}
	</tbody>
</table>
<p><i>Les graphiques ne fonctionnent pas sous Internet Explorer. Pour les visionner, veuillez utiliser un autre navigateur(Firefox, Chrome, Op&eacute;ra ou Safari).</i></p>
</body>